<template>
	<n-card title="班级管理">
		<!-- 分割线 -->
		<n-divider></n-divider>
		<!-- 左侧班级右侧实验,左右两侧选择可以分配 -->

		<el-tabs tab-position="left" style="height: 600px" class="demo-tabs">
			<router-view></router-view>
		</el-tabs>
		<!-- 分割线 -->
		<n-divider></n-divider>
		<!-- 实验详情 -->
	</n-card>
</template>
<script setup lang="ts">
//@ts-nocheck
// 班级对应的实验数据
import { getClass } from '../../api/request'
const multipleSelection = ref([])
const classList = ref([
	{
		id: 1,
		name: '液体粘滞系数的测定',
		exps: [
			{ id: 1, name: '计算机科学与技术一班', state: 0 },
			{ id: 2, name: '计算机科学与技术二班', state: 1 },
			{ id: 3, name: '计算机科学与技术三班', state: 1 },
		],
	},
	{
		id: 1,
		name: '密立根液体表面张力系数的测定油滴实验',
		exps: [
			{ id: 1, name: '计算机科学与技术一班', state: 0 },
			{ id: 2, name: '计算机科学与技术二班', state: 1 },
			{ id: 3, name: '计算机科学与技术三班', state: 1 },
			{ id: 4, name: '计算机科学与技术四班', state: 1 },
		],
	},
	{
		id: 1,
		name: '用牛顿环仪测量透镜的曲率半径',
		exps: [
			{ id: 1, name: '计算机科学与技术一班', state: 0 },
			{ id: 2, name: '计算机科学与技术二班', state: 1 },
			{ id: 3, name: '计算机科学与技术三班', state: 1 },
			{ id: 4, name: '计算机科学与技术四班', state: 1 },
		],
	},
	{
		id: 1,
		name: '迈克尔逊干涉仪的调节与使用',
		exps: [
			{ id: 1, name: '计算机科学与技术一班', state: 0 },
			{ id: 2, name: '计算机科学与技术二班', state: 1 },
			{ id: 3, name: '计算机科学与技术三班', state: 1 },
			{ id: 4, name: '计算机科学与技术四班', state: 1 },
		],
	},
])
// 点击勾选
const handleSelect = (scope) => {
	console.log(scope)
}
const handleSelectionChange = (scope) => {
	console.log(multipleSelection.value)
	console.log(scope)
}
// 发布实验
const publish = (row) => {
	console.log(row)
	ElMessage.success('发布成功')
}
// 选框状态
const checked = ref(true)
</script>

<style lang="less">
// .demo-tabs > .el-tabs__header {
// 	width: 200px;
// 	font-size: 14px;
// }
// .demo-tabs > .el-tabs__content {
// 	padding: 32px;
// 	color: #6b778c;
// 	font-size: 32px;
// 	font-weight: 600;
// }

.demo-tabs > .el-tabs__content {
	padding: 32px;
	color: #6b778c;
	font-size: 32px;
	font-weight: 600;
}

.el-tabs--right .el-tabs__content,
.el-tabs--left .el-tabs__content {
	height: 100%;
}
</style>
